$(function () {
    $("#search-btn").click(function () {
        var text = $(this).siblings("div").children("input").val();
        var data = localStorage.getItem("todo");
        if (text == '') {
            return;
        }
        if (data) {
            //   有数据,数据是字符串,把他转成数组（对象）
            var arr = JSON.parse(data);
            arr.push(text);
            var meg = JSON.stringify(arr);
            localStorage.setItem("todo", meg);
        } else {
            // 没有数据
            var arr = [];  //创建一个空数组
            arr.push(text)  //把字符串放进数组里面
            var meg = JSON.stringify(arr);
            //这里设置的todo的名字要和上面那个var data = localStorage.getItem("todo"); 一致
            localStorage.setItem("todo", meg);
        }
        $(this).siblings("div").children("input").val("");
        rander();
    })

    /*
    渲染数据到指定的任务列表
    1.获取本地存储数据
    2.转成数组
    3.遍历数组取出每一条数据
    4.添加到指定位置(list)
    */
    function rander() {
        // 保证最新的数据在前面，先清空之前的数据，然后添加数据时才不会重复，把之前的数据删除了
        $('.search-lists .list').text("");
        var todo = localStorage.getItem("todo");
        arr = JSON.parse(todo);
        for (var i = 0; i < arr.length; i++) {
            $(".search-lists .list").prepend(`<li>${arr[i]}</li>`);
        }
    }
    /*动态渲染数据
      当有数据时, 才进行渲染
      */
    if (localStorage.getItem("todo") != null) {
        rander();
    }
    $("#del").click(function () {
        if (confirm("确定是否删除全部历史记录?")) {
            localStorage.removeItem("todo");
            $('.search-lists .list').text("");
        }
    })
})